<%-- 
    Document   : header
    Created on : 22 มิ.ย. 2554, 23:23:30
    Author     : Tailer
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <div id="header">
            <div id="wrapper-head">
                <div class="primary">
                    <div class="logo"><img src="images/logo-mrta.png" /></div>
                    <div class="search">
                        <form class="searchform">
                            <input type="text" onblur="if (this.value == '') {this.value = 'ใส่คำที่คุุณต้องการค้นหา';}" onfocus="if (this.value == 'ใส่คำที่คุุณต้องการค้นหา') {this.value = '';}" value="ใส่คำที่คุุณต้องการค้นหา" class="searchfield" />
                            <div class="searchbutton"><a href="#"><img src="images/btn_search.png" /></a></div>
                        </form>
                    </div>
                    <!--end search-->
                </div>
                <!--end primary-->
                <div class="secondary">
                    <div class="nav-main">
                        <ul>
                            <li ><a href="#"  title="หน้าหลัก">หน้าหลัก</a></li>
                            <li ><a href="news.html" title="ข่าวสารและกิจกรรม">ข่าวสารและกิจกรรม</a></li>
                            <li><a href="#" title="คณะทำงานพัฒนา">คณะทำงานพัฒนา</a></li>
                            <li ><a href="#" title="องค์ความรู้ของ รฟม.">องค์ความรู้ของ รฟม.</a> </li>
                            <li><a href="#" title="Knowledge center">Knowledge center</a> <span> <a href="#">บทความ</a> | <a href="library.html">E-library</a> | <a href="#">E-Learning</a> | <a href="#">Case studies</a> </span> </li>
                            <li><a href="#" title="Community">Community</a><span> <a href="#">ชุมชนพัฒนาความรู้ ของ รฟม.</a> | <a href="blog.html">Personal Blog</a></span></li>
                            <li class="none"><a href="#" title="ติดต่อเรา">ติดต่อเรา</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--end secondary-->
        </div>
        <!--wraper-head-->
    </body>
</html>
